<template>

<div class="main">
    <div class="title">ABOUT US</div>
    <div class="content"><p>「得解」专业风水语音问答平台。当你遇到风水问题，可以在「得解」上向资深风水老师直接提问，获得解答！</p></div>
    <div class="pro">

        <div class="pro-item">
            <div class="pro-logo"><img src="/fengshui/static/pic/icon/free.png" alt=""></div>
            <div class="pro-title">免费</div>
            <div class="pro-desc"><span>提问免费</span></div>
            <div class="pro-desc"><span>收听限免</span></div>
        </div>
                        <div class="pro-item">
            <div class="pro-logo"><img src="/fengshui/static/pic/icon/major.png" alt=""></div>
            <div class="pro-title">专业</div>
            <div class="pro-desc"><span>认证大师</span></div>
            <div class="pro-desc"><span>专业可靠</span></div>
        </div>
        <div class="pro-item">
            <div class="pro-logo"><img src="/fengshui/static/pic/icon/rocket.png" alt=""></div>
            <div class="pro-title">快速</div>
            <div class="pro-desc"><span>即问即答</span></div>
            <div class="pro-desc"><span>快速回复</span></div>
        </div>

    </div>
    <div class="contact ">
       <p class="blue" style="font-size: 1.2rem;">联系我们</p>
       <p class="contact-text">客服电话：<a href="tel:0592-5590608">0592-5590608</a></p>
       <p class="contact-text">客服邮箱：<a href="mailto:yibin.xiao@twitso.com">yibin.xiao@twitso.com</a></p>
    </div>
    <div class="copyright">
    <p>©厦门推首网络科技有限公司</p>
    </div>
    <customer-footer></customer-footer>
</div>

</template>

<script>
</script>
<style scoped>
    .blue {
        color: #28aef5;
    }
    
    .contact-text {
        color: #999;
        font-size: 0.8rem;
    }
    
    .contact {
        padding: 1rem 1.5rem;
        background: white;
    }
    
    .title {
        background: white;
        color: #28aef5;
        font-size: 1.5rem;
        text-align: center;
        padding: 1rem 0 0 0;
        font-family: "Helvetica"
    }
    
    .content {
        background: white;
        padding: 1rem 1.5rem;
        font-size: 0.8rem;
        color: #111;
    }
    
    .pro {
        margin-top: 1rem;
        width: 100%;
        padding: 1rem 0;
        background: white;
        overflow: hidden;
    }
    
    .pro .pro-item img {
        width: 75%;
        height: 75%;
    }
    
    .pro .pro-item {
        display: block;
        box-sizing: border-box;
        width: 33.33%;
        float: left;
        padding: 0px 1rem;
        text-align: center;
    }
    
    .pro .pro-title {
        color: #28aef5;
        margin: 0.4rem 0px;
        /*font-family: "SimHei"*/
    }
    
    .pro .pro-desc {
        color: #999;
        font-size: 0.7rem;
    }
    
    .copyright {
        padding: 1rem 0;
        text-align: center;
        font-size: 0.5rem;
    }
</style>